<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
	<title>仿京东商城导航菜单</title>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
			font-family: "微软雅黑";
			letter-spacing: 1px;
		}
		.topTitle{
			width: 237px;
			height: 45px;
			line-height: 45px;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			background-color: #ed0b3d;
			position: absolute;
			top: 10px;
			left: 10px;
		}
		.topMenu{
			width: 235px;
			display: block;
			font-size: 15px;
			z-index: 2;
			border-bottom: 1px solid #b61d1d;
			text-indent: 8px;
			position: absolute;			
			top: 55px;
			left: 10px;
			background-color: #f7f7f7;
		}
		.topMenu li{
			width: 100%;
			height: 30px;
			line-height: 30px;
			list-style: none;
			border-left: 1px solid #b61d1d;
			border-right: 1px solid #b61d1d;
			background: url('小箭头.jpg') no-repeat right center; 
		}
		.topMenu .span{
			width: 30px;
			display: none;
			height: 30px;
			background-color: #f7f7f7;
			z-index: 40;
			position: absolute;
			right: -2px;
		}
		.topMenu li>a{
			text-decoration: none;
			color: #333;
		}
		.topMenu li:hover{
			background: none;
			border-top: 1px solid #b61d1d;
			border-bottom: 1px solid #b61d1d;
		}
		.topMenu li:hover>a{
			color: #b61d1d;
		}
		.topMenu li:hover .span{
			display: inline-block;
		}
		.topMenu li:hover .secondMenu{
			display: inline-block;
		}
		.secondMenu{
			width: 973px;
			border: 1px solid #b61d1d;
			background-color: #f7f7f7;
			display: none;
			position: absolute;
			top: 0;
			left: 235px;
			z-index: 4px;
		}
		.secondMenu .left{
			width: 780px;
			margin-top: 10px;
			background-color: #f7f7f7;
			float: left;
		}
		.secondMenu .left .top{
			margin-top: 10px;
		}
		.secondMenu .left .top a{
			border: none;
			font-size: 12px;
			font-weight: bold;
			display: inline-block;
			color: #fff;
			height: 20px;
			line-height: 20px;
			padding: 1px 0 1px 6px;
			background-color: #7c7171;
		}
		.secondMenu .left .topdd a{
			margin-right: 4px;
		}
		.secondMenu .left .top span{
			display: inline-block;
			height: 20px;
			line-height: 20px;
			margin-left: 6px;
			padding: 0 6px;
			font-size: 10px;
			background-color: #5c5251
		}
		.secondMenu .left .top a:hover{
			background-color: #c81623;
			color: #fff;
		}
		.secondMenu .left .top a:hover span{
			background-color: #b1191a;
			color: #fff;
		}
		.secondMenu .left dt{
			width: 105px;
			height: 30px;
			line-height: 30px;
			font-size: 13px;
			font-weight: bold;
			text-indent: 0;
			text-align: right;
			display: block;
			float: left;
		}
		.secondMenu .left dt a{
			color: #666;
			height: 20px;
			line-height: 20px;
			text-decoration: none;
		}
		.secondMenu .left dt span{
			display: inline-block;
			height: 20px;
			line-height: 20px;
			padding: 0 6px;
			font-size: 10px;
		}
		.secondMenu .left dd{
			width: 623px;	
			font-size: 12px;
			text-indent: 0;	
			display: block;
			margin-left: 10px;
			float: left;
			padding-bottom: 4px;
			border-bottom: 1px solid #efefef;
		}
		.secondMenu .left dd a{
			color: #666;
			text-decoration: none;
			display: inline-block;
			height: 20px;
			line-height: 20px;
			padding: 0 6px;
			border-left: 1px solid #e9e9e9;
		}
		.secondMenu .left a:hover{
			color: #b61d1d;
		}
		.secondMenu .right{
			width: 172px;
			height: 400px;
			margin-top: 18px;
			margin-right: 20px;
			padding: 0;
			float: right;
		}
		.secondMenu .right .img1{
			margin: 0;
			padding: 0;
			width: 84px;
			display: inline-block;
			border: 1px solid #f7f7f7;
			float: left;
		}
		.secondMenu .right .img2{
			margin-top: 10px;
			padding: 0;
			display: inline-block;
			border: 1px solid #f7f7f7;
			float: left;
		}
	</style>
</head>
<body>
	<div class="topTitle">品质优惠 选你所爱</div>
	<ul class="topMenu">
		<li>
			<a href="http://channel.jd.com/electronic.html?abt=category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=2969bf02cd874db294a7cae8cfe31739&abt=3" target="_blank">家用电器</a>
			<span class="span"></span>
			<div class="secondMenu">
				<div class="left">
					<dl>
						<dt class="top topdt"><a href="http://jiadian.jd.com/?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=54c1fe5a3279457fbc65c82ff007b9cd&abt=3" target="_blank">家电城<span>&gt</span></a></dt>
						<dd class="top topdd">
							<a href="http://sale.jd.com/act/QGKqdHvopWietx.html?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=a42b5621187741da87c87d86fc925500&abt=3" target="_blank">品牌日<span>&gt</span></a>
							<a href="http://smarthome.jd.com/?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=e4dd5864ac6c469297127601e087eaca&abt=3" target="_blank">智能生活馆<span>&gt</span></a>
							<a href="http://sale.jd.com/act/rSRFscLklGhxXW2H.html?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=5188e1d853b949fc83f00eb6be6d4a77&abt=3" target="_blank">京东净化馆<span>&gt</span></a>
							<a href="http://sale.jd.com/act/eRszkp8fyiS3Yt.html?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=7e69c501678842dfb6f4c9eb1eb865f7&abt=3" target="_blank">京东帮服务店<span>&gt</span></a>
							<a href="http://sale.jd.com/act/nRIkpl3KqwDU.html#?from=zctgw00050%20&abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=3c8f210981e34a66b56fcc9379636391&abt=3" target="_blank">家电众筹馆<span>&gt</span></a>
						</dd>										
						<dt><a href="###" target="_blank">电视<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">合资品牌</a><a href="###" target="_blank">国产品牌</a><a href="###" target="_blank">互联网品牌</a>
						</dd>
						<dt><a href="###" target="_blank">空调<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">壁挂式空调</a><a href="###" target="_blank">柜式空调</a>
							<a href="###" target="_blank">中央空调</a><a href="###" target="_blank">空调配件</a>
						</dd>
						<dt><a href="###" target="_blank">洗衣机<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">滚筒洗衣机</a><a href="###" target="_blank">洗烘一体机</a><a href="###" target="_blank">波轮洗衣机</a>
							<a href="###" target="_blank">迷你洗衣机</a><a href="###" target="_blank">洗衣机配件</a>
						</dd>
						<dt><a href="###" target="_blank">冰箱<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">多门</a><a href="###" target="_blank">对开门</a><a href="###" target="_blank">三门</a>
							<a href="###" target="_blank">双门</a><a href="###" target="_blank">冷柜/冰吧</a><a href="###" target="_blank">酒柜</a>
							<a href="###" target="_blank">冰箱配件</a>
						</dd>
						<dt><a href="###" target="_blank">厨卫大电<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">油烟机</a><a href="###" target="_blank">燃气灶</a><a href="###" target="_blank">烟灶套装</a>    
	    					<a href="###" target="_blank">消毒柜</a><a href="###" target="_blank">洗碗机</a><a href="###" target="_blank">电热水器</a>    
	  						<a href="###" target="_blank">燃气热水器</a><a href="###" target="_blank">嵌入式厨电</a>
  						</dd>
						<dt><a href="###">厨房小电<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">电饭煲</a><a href="###" target="_blank">微波炉</a><a href="###" target="_blank">电烤箱</a>
							<a href="###" target="_blank">电磁炉</a><a href="###" target="_blank">电压力锅</a><a href="###" target="_blank">豆浆机</a>
							<a href="###" target="_blank">咖啡机</a><a href="###" target="_blank">面包机</a><a href="###" target="_blank">榨汁机</a>
							<a href="###" target="_blank">料理机</a><a href="###" target="_blank">电饼铛</a><a href="###" target="_blank">养生壶/煎药壶</a>
							<a href="###" target="_blank">酸奶机</a><a href="###" target="_blank">煮蛋器</a><a href="###" target="_blank">电水壶/热水瓶</a>
							<a href="###" target="_blank">电炖锅</a><a href="###" target="_blank">多用途锅</a><a href="###" target="_blank">电烧烤炉</a>
							<a href="###" target="_blank">电热饭盒</a><a href="###" target="_blank">其它厨房电器</a>
						</dd>  
						<dt><a href="###" target="_blank">生活电器<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">电风扇</a><a href="###" target="_blank">冷风扇</a><a href="###" target="_blank">吸尘器</a>
							<a href="###" target="_blank">净化器</a><a href="###" target="_blank">扫地机器人</a><a href="###" target="_blank">加湿器</a>
							<a href="###" target="_blank">挂烫机/熨斗</a><a href="###" target="_blank">取暖电器</a><a href="###" target="_blank">插座</a>
							<a href="###" target="_blank">电话机</a><a href="###" target="_blank">净水器</a><a href="###" target="_blank">饮水机</a>
							<a href="###" target="_blank">除湿机</a><a href="###" target="_blank">干衣机</a><a href="###" target="_blank">清洁机</a>
							<a href="###" target="_blank">收录/音机</a><a href="###" target="_blank">其它生活电器</a><a href="###" target="_blank">生活电器配件</a>
						</dd>
						<dt><a href="###" target="_blank">个护健康<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">剃须刀</a><a href="###" target="_blank">口腔护理</a><a href="###" target="_blank">电吹风</a>
							<a href="###" target="_blank">美容器</a><a href="###" target="_blank">卷/直发器</a><a href="###" target="_blank">理发器</a>
							<a href="###" target="_blank">剃/脱毛器</a><a href="###" target="_blank">足浴盆</a><a href="###" target="_blank">健康秤/厨房秤</a>
							<a href="###" target="_blank">按摩器</a><a href="###" target="_blank">按摩椅</a><a href="###" target="_blank">计步器/脂肪检测仪</a>
							<a href="###" target="_blank">其它健康电器</a>
						</dd>
						<dt><a href="###" target="_blank">家庭影音<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">家庭影院</a><a href="###" target="_blank">迷你音响</a><a href="###" target="_blank">DVD</a>
							<a href="###" target="_blank">电视影音配件</a>
						</dd>
						<dt><a href="###" target="_blank">进口电器<span>&gt</span></a></dt>
						<dd><a href="###" target="_blank">进口电器</a></dd>  
					</dl>
				</div>
				<div class="right">
					<a href="http://mall.jd.com/index-1000006726.html" target="_blank"><img src="1.jpg" alt="美的" class="img1"></a>
					<a href="http://mall.jd.com/index-1000011845.html" target="_blank"><img src="2.jpg" alt="微鲸" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001421.html" target="_blank"><img src="3.jpg" alt="西门子" class="img1"></a>
					<a href="http://mall.jd.com/index-1000003445.html" target="_blank"><img src="4.jpg" alt="格力" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001465.html" target="_blank"><img src="5.jpg" alt="九阳" class="img1"></a>
					<a href="http://mall.jd.com/index-1000009041.html" target="_blank"><img src="6.jpg" alt="飞利浦" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001402.html" target="_blank"><img src="7.jpg" alt="老板" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001414.html" target="_blank"><img src="8.jpg" alt="艾美特" class="img1"></a>
					<a href="http://sale.jd.com/act/60NWaC1YKX.html" target="_blank"><img src="9.jpg" alt="节能产品促销" class="img2"></a>
					<a href="http://sale.jd.com/act/T4rjYiUCfF8wsyRc.html" target="_blank"><img src="10.jpg" alt="小家惠聚宝盆" class="img2"></a>
				</div>
			</div>
		</li>
		<li><a href="###" target="_blank">手机、数码、京东通信</a><span class="span"></span>
			<div class="secondMenu">
				<div class="left">
					<dl>
						<dt class="top topdt"><a href="http://jiadian.jd.com/?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=54c1fe5a3279457fbc65c82ff007b9cd&abt=3" target="_blank">玩3C<span>&gt</span></a></dt>
						<dd class="top topdd">
							<a href="http://sale.jd.com/act/QGKqdHvopWietx.html?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=a42b5621187741da87c87d86fc925500&abt=3" target="_blank">手机频道<span>&gt</span></a>
							<a href="http://smarthome.jd.com/?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=e4dd5864ac6c469297127601e087eaca&abt=3" target="_blank">网上营业厅<span>&gt</span></a>
							<a href="http://sale.jd.com/act/rSRFscLklGhxXW2H.html?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=5188e1d853b949fc83f00eb6be6d4a77&abt=3" target="_blank">配件城<span>&gt</span></a>
							<a href="http://sale.jd.com/act/eRszkp8fyiS3Yt.html?abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=7e69c501678842dfb6f4c9eb1eb865f7&abt=3" target="_blank">影像club<span>&gt</span></a>
							<a href="http://sale.jd.com/act/nRIkpl3KqwDU.html#?from=zctgw00050%20&abt=cps_category&from=cps&cu=true&utm_source=gou.jd.com&utm_medium=tuiguang&utm_campaign=t_220520384_&utm_term=3c8f210981e34a66b56fcc9379636391&abt=3" target="_blank">以旧换新<span>&gt</span></a>
						</dd>										
						<dt><a href="###" target="_blank">手机通讯<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">手机</a><a href="###" target="_blank">对讲机</a><a href="###" target="_blank">以旧换新</a><a href="###" target="_blank">手机维修</a>
						</dd>
						<dt><a href="###" target="_blank">运营商<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">充话费/流量</a><a href="###" target="_blank">170选号</a>
							<a href="###" target="_blank">合约机</a><a href="###" target="_blank">办套餐</a><a href="###" target="_blank">选号码</a><a href="###" target="_blank">固话宽带</a>
							<a href="###" target="_blank">京东通信</a><a href="###" target="_blank">中国移动</a>
							<a href="###" target="_blank">中国联通</a><a href="###" target="_blank">中国电信</a>
						</dd>
						<dt><a href="###" target="_blank">手机配件<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">手机壳</a><a href="###" target="_blank">贴膜</a><a href="###" target="_blank">手机存储卡</a><a href="###" target="_blank">数据线</a><a href="###" target="_blank">充电器</a><a href="###" target="_blank">手机耳机</a><a href="###" target="_blank">创意配件</a><a href="###" target="_blank">手机饰品</a><a href="###" target="_blank">手机电池</a><a href="###" target="_blank">苹果周边</a><a href="###" target="_blank">移动电源</a><a href="###" target="_blank">蓝牙耳机</a><a href="###" target="_blank">手机支架</a><a href="###" target="_blank">车载配件</a><a href="###" target="_blank">拍照配件</a>
						</dd>
						<dt><a href="###" target="_blank">摄影摄像<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">数码相机</a><a href="###" target="_blank">单电/微单相机</a><a href="###" target="_blank">单反相机</a><a href="###" target="_blank">拍立得</a>
							<a href="###" target="_blank">运动相机</a><a href="###" target="_blank">摄像机</a>
							<a href="###" target="_blank">镜头</a>
							<a href="###" target="_blank">户外器材</a><a href="###" target="_blank">影棚器材</a>
							<a href="###" target="_blank">冲印服务</a><a href="###" target="_blank">数码相框</a>
						</dd>
						<dt><a href="###" target="_blank">数码配件<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">存储卡</a><a href="###" target="_blank">三脚架/云台</a><a href="###" target="_blank">相机包</a>    
	    					<a href="###" target="_blank">滤镜</a><a href="###" target="_blank">闪光灯/手柄</a><a href="###" target="_blank">相机清洁/贴膜</a>    
	  						<a href="###" target="_blank">机身附件</a><a href="###" target="_blank">镜头附件</a>
	  						<a href="###" target="_blank">读卡器支架</a><a href="###" target="_blank">电池/充电器</a>
  						</dd>
						<dt><a href="###">影音娱乐<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">耳机/耳麦</a><a href="###" target="_blank">音箱/音响</a><a href="###" target="_blank">便携/无线音箱</a>
							<a href="###" target="_blank">收音机</a><a href="###" target="_blank">麦克风</a><a href="###" target="_blank">MP3/MP4</a><a href="###" target="_blank">专业音频</a>
						</dd>  
						<dt><a href="###" target="_blank">智能设备<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">智能手环</a><a href="###" target="_blank">智能手表</a><a href="###" target="_blank">智能眼镜</a>
							<a href="###" target="_blank">智能机器人</a><a href="###" target="_blank">运动跟踪器</a><a href="###" target="_blank">健康监测</a>
							<a href="###" target="_blank">智能服饰</a><a href="###" target="_blank">智能家居</a><a href="###" target="_blank">体感车</a>
							<a href="###" target="_blank">无人机</a><a href="###" target="_blank">其他配件</a>
						</dd>
						<dt><a href="###" target="_blank">电子教育<span>&gt</span></a></dt>
						<dd>
							<a href="###" target="_blank">学生平板</a><a href="###" target="_blank">点读机/笔</a><a href="###" target="_blank">早教益智</a>
							<a href="###" target="_blank">录音笔</a><a href="###" target="_blank">电子书</a><a href="###" target="_blank">电子词典</a><a href="###" target="_blank">复读机</a>
						</dd>
					</dl>
				</div>
				<div class="right">
					<a href="http://mall.jd.com/index-1000006726.html" target="_blank"><img src="21.jpg" alt="美的" class="img1"></a>
					<a href="http://mall.jd.com/index-1000011845.html" target="_blank"><img src="22.jpg" alt="微鲸" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001421.html" target="_blank"><img src="23.jpg" alt="西门子" class="img1"></a>
					<a href="http://mall.jd.com/index-1000003445.html" target="_blank"><img src="24.jpg" alt="格力" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001465.html" target="_blank"><img src="25.jpg" alt="九阳" class="img1"></a>
					<a href="http://mall.jd.com/index-1000009041.html" target="_blank"><img src="26.jpg" alt="飞利浦" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001402.html" target="_blank"><img src="27.jpg" alt="老板" class="img1"></a>
					<a href="http://mall.jd.com/index-1000001414.html" target="_blank"><img src="28.jpg" alt="艾美特" class="img1"></a>
					<a href="http://sale.jd.com/act/60NWaC1YKX.html" target="_blank"><img src="29.jpg" alt="节能产品促销" class="img2"></a>
					<a href="http://sale.jd.com/act/T4rjYiUCfF8wsyRc.html" target="_blank"><img src="20.jpg" alt="小家惠聚宝盆" class="img2"></a>
				</div>
			</div>
		</li>
		<li><a href="###" target="_blank">电脑、办公</a><span class="span"></span></li>
		<li><a href="###" target="_blank">家居、家具、家装、厨具</a><span class="span"></span></li>
		<li><a href="###" target="_blank">男装、女装、内衣、珠宝</a><span class="span"></span></li>
		<li><a href="###" target="_blank">个护化妆、清洁用品</a><span class="span"></span></li>
		<li><a href="###" target="_blank">鞋靴、箱包、钟表、奢侈品</a><span class="span"></span></li>
		<li><a href="###" target="_blank">运动户外</a><span class="span"></span></li>
		<li><a href="###" target="_blank">汽车、汽车用品</a><span class="span"></span></li>
		<li><a href="###" target="_blank">母婴、玩具乐器</a><span class="span"></span></li>
		<li><a href="###" target="_blank">食品、酒类、生鲜、特产</a><span class="span"></span></li>
		<li><a href="###" target="_blank">营养保健</a><span class="span"></span></li>
		<li><a href="###" target="_blank">图书、音像、电子书</a><span class="span"></span></li>
	</ul>
</body>
</html>

